<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <link rel="icon" href="/favicon.ico" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>用户后台管理</title>
  <style>
    /* div {
      background-color: #ccc;
      height: 100px;

    }

    .float {
      float: left;
      font-weight: bold;
      width: 200px;
      border: 2px dotted black;
      padding: 10px;
    } */
    div{
      background-color: aqua;
    }
    @media (device-width:1536px) {
      #my-div{
        background-color: rgb(19, 19, 19);
      }
    }
    @media (min-width:1500px) {
      div{
        background-color: rgb(121, 45, 45);
      }
    }
  </style>
</head>

<body>
  <!-- <div id="app"></div>
  <script type="module" src="/src/main.ts"></script> -->
  <div id="my-div">123</div>
  <script>
    let a=1;
    function change() {
       a=2;
    }
    change();
    console.log(a);
    let aaa=[1,2]
    aaa.forEach(function(params,index,aaa) {
      aaa[index]=0
      // console.log(1,params);
      // console.log(2,index);
      // console.log(3,aaa);
    })
    console.log(aaa);
  </script>
</body>

</html>